<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- Head -->
<head>
<meta charset="utf-8" />
<title>${session.SOFT_NAME }_智能办公系统</title>
<meta name="description" content="Dashboard" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<%include("../../../resapi/style.html"){}%>
<link rel="stylesheet" href="/module/zTree_v3/css/bootstrapStyle/bootstrapStyle.css" type="text/css">
<link href="/module/bootstrap-table/bootstrap-table.css" rel="stylesheet" />
<link href="/module/jeDate/jedate.css" rel="stylesheet" />
<style type="text/css">
#bom {
	position: fixed;
	left: 0px;
	bottom: 0;
	_position: absolute;
}

input[type=checkbox] {
	opacity: 1;
	position: initial;
}

input[type=radio] {
	opacity: 1;
	position: initial;
}
${bpmFormDataBean.styleScript}
</style>
</head>
<body style="overflow-y: auto;">
	<div class="page-body" style="padding: 0px;">
		<div class="main-container container-fluid" style="overflow-y: auto">
			<div class="page-container">
				<div class="col-md-12 col-sm-12 col-xs-12">
					<div class="row">
						<div class="well with-header" style="margin-bottom: 0px; padding-top: 36px">
							<div class="header bordered-palegreen">
								<div style="font-weight: 600; font-size: 18px; line-height: 34px;" class="col-md-8 col-sm-8 col-xs-12">
									<span style="margin-right: 10px;color: red;">NO:【${bpmFormDataBean.runNo}】</span>
									<a href="#" id="flowTitle" style="cursor: pointer;"></a>
								</div>
								<div style="font-weight: 600;" class="col-md-4 col-sm-4 col-xs-12" align="right">
									<select id="urgency" style="border-radius: 0px; margin-right: 10px;">
										<option value="0">一般</option>
										<option value="1">紧急</option>
										<option value="2">加急</option>
									</select> <span id="prcsName"></span>
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="widget-body">
							<div style="margin-top: 10px">
								 ${bpmFormDataBean.bpmFormHtml}
							</div>
						</div>
					</div>

					<div class="row" id="publicFileDiv" style="margin-bottom:10px;">
						<div class="well with-header">
							<div class="header bordered-palegreen">共公附件</div>
							<div class="row">
								<div style="display: inline-block; padding-left: 40px; vertical-align: top;">流程附件：</div>
								<div style="display: inline-block;">
									<div id="show_attach"></div>
									<a class="addfile" href="javascript:void(0)">附件上传 <input data_value="" type="file" onchange="fileUpLoad('bpm','attach');" hidefocus="true" size="1" id="attach" name="attach" class="addfile" multiple="multiple" /></a>
									<a class="addfile js-netfile" style="width: 200px;" href="#" op_id="attach" onclick="selectattach(this,'true')">选择网络文件</a>
								</div>
							</div>
						</div>
					</div>
					<div class="row" style="margin-bottom: 30px;" id="ideaDiv">
						<div class="well with-header">
							<div class="header bordered-palegreen">会签意见</div>
							<div id="ideadiv">
								<div class="tickets-container" style="padding: 0px;">
									<ul class="tickets-list" id="ideaList">
									</ul>
								</div>
							</div>
							<div class="row">
								<div style="display: inline-block; padding-left: 40px;">客观意见：</div>
								<div class="radio" style="display: inline-block;">
									<label> <input name="passStatus" type="radio" value="1" checked="checked"> <span class="text" style="z-index:0">同意 </span>
									</label> <label> <input name="passStatus" type="radio" class="inverted" value="0"> <span class="text" style="z-index:0">不同意</span>
									</label>
								</div>
							</div>
							<div class="row">
								<div style="display: inline-block; padding-left: 40px; vertical-align: top;">审批意见：</div>
								<div style="display: inline-block;">
									<div id="ideaText"></div>
								</div>
							</div>
							<div class="row">
								<div style="display: inline-block; padding-left: 40px; vertical-align: top;">相关附件：</div>
								<div style="display: inline-block;">
									<div id="show_runAttach"></div>
									<a class="addfile" href="javascript:void(0)">附件上传 <input data_value="" type="file" onchange="fileUpLoad('bpm','runAttach');" hidefocus="true" size="1" id="runAttach" name="runAttach" class="addfile" multiple="multiple"></a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-12 col-sm-12 col-xs-12" id="bom">
					<div class="row" style="background-color: white;">
						<div class="btn-group dropup" style="margin-left: 10px;">
                                        <a class="btn btn-darkorange">更多操作...</a>
                                        <a class="btn btn-darkorange dropdown-toggle" data-toggle="dropdown">
                                            <i class="fa fa-angle-up"></i>
                                        </a>
                                        <ul class="dropdown-menu dropdown-magenta">
                                            <li>
                                                <a href="javascript:void(0);" class="js-before">前加签</a>
                                            </li>
                                            <li>
                                                <a href="javascript:void(0);" class="js-after">后加签</a>
                                            </li>
                                            <li>
                                                <a href="javascript:void(0);" class="js-goback">回退</a>
                                            </li>
                                            <li>
                                                <a href="javascript:void(0);" class="js-flowchat">BPM设计图</a>
                                            </li>
                                            <li>
                                                <a href="javascript:void(0);" class="js-runflowchat">BPM走向图</a>
                                            </li>
                                        </ul>
                         </div>
						<div class="checkbox js-follow" style="display: inline-block;">
							<label style="display: none;">
								<input type="checkbox" class="colored-danger" name="follow-checkbox"> <span class="text">关注</span>
							</label>
						</div>
						<div class="buttons-preview" style="margin-right: 20px; margin-top: 10px; display: inline-block; float: right">
							<a href="javascript:void(0);" style="display: none;" class="btn btn-blue js-saveandendbtn">审阅</a> <a href="javascript:void(0);" style="display: none;" class="btn btn-blue js-saveandnextbtn">转交</a> <a href="javascript:void(0);" class="btn btn-magenta js-savebtn">保存</a> <a href="javascript:void(0);history.back(-1);" class="btn btn-maroon">返回</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" style="display: none;" id="goNextdiv">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title" id="myLargeModalLabel">BPM流程转交</h4>
				</div>
				<div class="modal-body" style="padding-top: 0px; padding-bottom: 0px;">
					<div id="registration-form">
						<div class="row">
							<div class="col-md-3 col-sm-3 col-xs-12" style="border-right: 1px solid #ccc;max-height: 200px; overflow: auto" id="prcsInfo"></div>
							<div class="col-md-9 col-sm-9 col-xs-12 js-prcsselectdiv" style="max-height: 200px; overflow: auto"></div>
						</div>
						<div class="form-group" id="msgdiv" style="display: none;">
						<div class="form-title">提醒方式:</div>
							<div id="msgType"></div>
						<div class="form-title">消息内容:</div>
							<textarea rows="2" cols="" class="form-control" id="msg-content"></textarea>
						</div>
						<div id="sendToUserDiv" style="display: none;">
						<div class="form-title">抄送人</div>
						<div class="form-group">
							<textarea opt-id="sendToUser" readonly="readonly" onclick="selectUser(this,'true');" rows="2" cols="" class="form-control" id="sendToUser" name="sendToUser" placeholder="请选择抄送人员"></textarea>
						</div>
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-warning js-next-back" data-dismiss="modal">取消</button>
					<button type="button" class="btn btn-primary js-next-runprcs">确认</button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
	</div>

<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" style="display: none;" id="changBpmTitleModal">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title" id="myLargeModalLabel">BPM标题修改</h4>
				</div>
				<div class="modal-body">
				<input type="text" class="form-control" id="bpmFlowTitle" name="bpmFlowTitle" placeholder="BPM新标题">
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-warning" data-dismiss="modal">取消</button>
					<button type="button" class="btn btn-primary js-changeTitle">确认</button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
	</div>

<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" style="display: none;" id="addProcessModal">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title" id="myLargeModalLabel">加签</h4>
				</div>
				<div class="modal-body">
				<input type="text" opt-id="addAccountId" onclick="selectUser(this,'false');" class="form-control" id="addAccountId" name="addAccountId" placeholder="加签人员" readonly="readonly" >
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-warning" data-dismiss="modal">取消</button>
					<button type="button" class="btn btn-primary js-addProcess">确认</button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
	</div>
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" style="display: none;" id="goBackProcessModal">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title" id="myLargeModalLabel">回退任一一步</h4>
				</div>
				<div class="modal-body" style="padding:0px;">
				<table class="table table-striped table-bordered table-hover dataTable no-footer" aria-describedby="simpledatatable_info">
                                        <thead>
                                        <tr>
                                        	<th style="width:50px;">选择</th>
                                            <th>步骤名称</th>
                                            <th>主办人</th>
                                            <th>办理时间</th>
                                           </tr>
                                        </thead>
                                        <tbody id="cangotbody">
                                         </tbody>
                                    </table>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-warning" data-dismiss="modal">取消</button>
					<button type="button" class="btn btn-primary js-goBackProcess">确认</button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
	</div>
	
	<div class="modal" style="display: none;" id="sealModal">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title" id="myLargeModalLabel">手写签名</h4>
				</div>
				<div class="modal-body" style="padding:0px;">
					<div id="signature" style="background-color:lightgrey;height: 150px;"></div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-warning js-sealreset" data-dismiss="modal">取消</button>
					<button type="button" class="btn btn-primary js-seal">确认</button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
	</div>
	
	
	<div id="orgselectdiv"></div>
	<div id="bpmselectdiv"></div>
	<div id="attachselect"></div>
	<div id="rowmodal"></div>
</body>
<% include("../../../resapi/sysjs.html"){} %>
<script type="text/javascript">
	var runId="${parameter.runId}";
	var runProcessId="${parameter.runProcessId}";
</script>
${bpmFormDataBean.jsScript}
<script type="text/javascript" src="/module/fileupload/pageoffice.js" id="po_js_main"></script>
<script type="text/javascript" src="/module/orgselect/bpmuserselect.js"></script>
<script type="text/javascript" src="/gobal/js/page/bpm/calculate.js"></script>
<script type="text/javascript" src="/gobal/js/page/bpm/bpmsys.js"></script>
<script type="text/javascript" src="/module/jeDate/jeDate.js"></script>
<script type="text/javascript" src="/module/bootstrap-table/bootstrap-table.js"></script>
<script type="text/javascript" src="/module/bootstrap-table/bootstrap-table-zh-CN.js"></script>
<script type="text/javascript" src="/module/zTree_v3/js/jquery.ztree.core.js"></script>
<script type="text/javascript" src="/module/zTree_v3/js/jquery.ztree.excheck.js"></script>
<script type="text/javascript" src="/module/zTree_v3/js/jquery.ztree.exedit.js"></script>
<script type="text/javascript" src="/module/orgselect/orgselect.js"></script>
<script type="text/javascript" src="/module/fileupload/ajaxfileupload.js"></script>
<script type="text/javascript" src="/module/fileupload/fileupload.js"></script>
<script type="text/javascript" src="/module/fileupload/attachselect.js"></script>
<script type="text/javascript" src="/assets/js/editors/summernote/summernote.js"></script>
<script type="text/javascript" src="/gobal/js/page/bpm/jquery-getHtml-value.js"></script>
<script type="text/javascript" src="/module/jSignature/jSignature.js"></script>
<script type="text/javascript" src="/assets/js/bootbox/bootbox.js"></script>
<script type="text/javascript" src="/gobal/js/page/bpm/formdata.js"></script>
</html>